// 这边定义一些全局样式
* {
  margin: 0;
  padding: 0;
  border: 0;
}
html,
body {
  height: 100%;
  min-width: 320px;
}
#main {
  // height: 100%;
}

#content {
  height: 100%;
  background: #f9f7ed;
}
// 预设类
.toc-fixed {
  position: fixed;
}

// https://segmentfault.com/a/1190000012800450 滚动条参考
// 滚动条整体样式
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
// 滚动条里面轨道样式(长的)
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
}
// 滚动条滑块样式(短的)
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
// 滚动条hover效果
::-webkit-scrollbar-thumb:hover {
  background: rgba(#0f0, 0.8)
}
